/* CSS Document */
body{margin:0px; padding:0px; background:url(/images/mainbg.gif) 0 0 repeat-x #F6F4E4; color:#6B6854; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div,  ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
h4{font-size:15px;line-height:25px;border-bottom:1px dashed #ead2bf;margin:5px 0 15px 0;}
h3{font-size:14px;_margin-top:15px;}
#leftPan h3{line-height:35px;margin:5px;width:140px;padding-left:30px;background:url(/images/label.gif) 0 0 no-repeat}

ul{list-style-type:none;}
img{border:none;}

/*----MAIN PANEL----*/
#mainPan{width:950px;_width:1050px; position:relative; margin:0 auto; padding:0px;}
/*----Left Panel----*/
#leftPan{width:240px; float:left;}
#leftTopPan{width:240px; height:125px; position:relative; margin:0 auto; padding:0; background:url(/images/left-top.jpg) 0 0 no-repeat;}
#leftTopPan img{ margin:10px 0 0 37px;}

#leftPan .linkone{width:240px;padding:0; background:none;}
#leftPan .linkone li{width:118px; height:26px; position:relative; margin:0 0 0 30px; background:none; padding:0px;}
#leftPan .linkone li a{width:96px; height:26px; display:block; background:url(/images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 0 22px; text-decoration:underline;}
#leftPan .linkone li a:hover{background:url(/images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#25241E; text-decoration:underline;}

#leftPan h2{width:90px; height:63px; background:#F6F4E4; color:#8F146E; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}
/*登陆*/
#leftPan #my_toolbar{
    width:222px; height:173px;
    float:left;
    margin:0 0 10px 10px;
    _margin-left:6px;
    background:url(/images/formbg.gif) 0 0 no-repeat #ABA894;
    color:#fff;
}
#leftPan form .login_input{width:150px; height:17px; margin:3px 0 2px 35px; }
#leftPan form label{width:143px; height:18px; margin:2px 0 0 35px; font-size:12px; font-weight:bold;}
#leftPan form input.button{
    background:url(/images/button.gif) 0 0 no-repeat #FEFEFE;
    margin:3px 10px 2px 28px;
    width:50px;
    height:17px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    border:none;
    padding:0 10px 0 0;
}

#login_toolbar div{float:left;line-height:25px;}

#login_bt{
    margin:0 10px 0 30px;
}


#leftPan form a{float:left; color:#fff; text-decoration:none;}

#my_toolbar h2{width:150px; height:47px; display:block; background:url(/images/memberbg.gif) 0 0 no-repeat #D5D2BC; color:#fff; font-size:18px; line-height:47px; padding:0 0 0 65px;}

#leftPan form a:hover{text-decoration:underline;}

.toolbar_list{
    margin:0 auto;
    height:50px;
    width:160px;
}
.toolbar_list li{
    float:left;
    margin:3px;
    display:block;
}

.toolbar_list a{
    color:#fff;
}
/*登陆结束*/

/*----/Left Panel----*/

/*----Right Panel----*/


#main{
    width:700px;
    padding:10px 10px 0 0;
    float:left;
    background:url(/images/news.gif) 0 3% no-repeat
}
#rightPan{
    width:700px;
    float:left;
    background-position:100% 2%;
}
#rightPan #banner{
    width:438px;
    height:124px;
    background:url(/images/header.jpg) 0 0 no-repeat #D33F9F;
    color:#fff; font:20px/13px Georgia, "Times New Roman",
        Times, serif;
    padding:37px 0 0 13px;
    float:left;
}
#toolbar{
    padding-top:15px;
    font-size:12px;
    color:#fff;
}

#toolbar a{
    color:#fff;
}


/*#rightPan #banner span{font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}*/
/*#rightPan h2{width:240px; height:36px; display:block; background:url(/images/icon1.jpg) 0 0 no-repeat #F6F4E4; color:#8F146E; font-size:24px; line-height:36px; padding:0 0 0 65px; margin:29px 0 0 9px;}

#rightPan h4{width:240px; height:50px; display:block; background:url(/images/icon2.jpg) 0 0 no-repeat #F6F4E4; color:#8F146E; font-size:24px; line-height:22px; padding:0 0 0 75px; margin:0 0 0 9px; clear:both;}
#rightPan h4 span{color:#9F9D81; background:#F6F4E4; font-size:16px; font-weight:bold; line-height:18px;}*/

/*#rightPan p{padding:20px 0 0 9px;}*/
#rightPan p.bottompadding{padding:22px 0 0 9px; margin:0 0 38px 0;}
#rightPan p span.boldtext{font-weight:bold;}
#rightPan p span.magedacolortext{background:#F6F4E4; color:#8F146E;}
#rightmorePan{width:420px; height:28px; display:block; background:url(/images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px;}
#rightmorePan p.textposition{float:left; padding:0 0 0 18px; margin:0px;}
#rightmorePan a{float:left; width:36px; height:28px; display:block; background:url(/images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#rightmorePan a:hover{text-decoration:underline;}

#rightmorenextPan{width:420px; height:28px; display:block; background:url(/images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px;}
#rightmorenextPan p.textposition{float:left; padding:0 0 0 18px; margin:0px;}
#rightmorenextPan a{float:left; width:36px; height:28px; display:block; background:url(/images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#rightmorenextPan a:hover{text-decoration:underline;}


#rightaddPan{width:442px; height:170px; position:relative; margin:0 auto; padding:50px 0 0 9px;}
#rightaddonePan{width:218px; height:110px; float:left; background:url(/images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; }
#rightaddonePan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddonePan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}
#rightaddonePan a{width:97px; height:33px; display:block; background:url(/images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddonePan a:hover{text-decoration:underline;}

#rightaddtwoPan{width:218px; height:110px; float:left; background:url(/images/image2.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; margin:0 0 0 6px;}
#rightaddtwoPan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddtwoPan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}

#rightaddtwoPan a{width:82px; height:33px; display:block; background:url(/images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddtwoPan a:hover{text-decoration:underline;}




#nav_contain{
    display:block;
    margin:0 0 0 0px;
    width:190px;
    background:url(/images/menu-bg.jpg) 0 0 no-repeat;
    float:left;
    padding:30px 0 20px 50px;
}

#more_service{
    width:240px;
    float:left;
}


#mimo{
    height:180px;
    width:140px;
    float:right;
    font-size:12px;
    background:url(/images/mimo_bg.gif) 0 0 no-repeat;
    padding-top:20px;
}

#mimo p{
    padding:10px;
}

#word_list{
    background:#fff;
    width:560px;
    height:120px;
    _height:110px;
    _padding-top:2px;
}

#word_list li{
    float:left;
    width:130px;
    height:100px;
    margin:5px;
    _margin:3px;
}

#word_list li a{
    width:130px;
    height:100px;
    display:block;
}

#word1 a{
    background:url(/images/word1.gif) no-repeat;
}

#word2 a{
    background:url(/images/word2.gif) no-repeat;
}

#word3 a{
    background:url(/images/word3.gif) no-repeat;
}

#word4 a{
    background:url(/images/word4.gif) no-repeat;
}

#word1 a,#word2 a,#word3 a,#word4 a{
    background-position: 0px -100px;
    display:block;
}

#word1 a:hover,#word2 a:hover,#word3 a:hover,#word4 a:hover{
    background-position: 0px 0px;
}

#newest_comment{
    float:left;
    width:700px;
    padding:5px;
    border-bottom:1px dashed #ead2bf;
    height:270px;
}

#our_word{
    float:left;
    width:700px;
    padding:5px;
    height:150px;
}


/*----/Right Panel----*/
/*#rightPan2{
    width:100px;
    float:right;
    margin-top:180px;
}*/



/*----Footer Panel----*/
#footermainPan{background:url(/images/footerbg.gif) 0 0 repeat-x #6B6854; color:#fff; position:relative; margin:0 auto; height:227px; clear:both;}
#footerPan{width:691px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPan ul{width:546px; position:absolute; top:85px; left:42px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#6B6854; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:190px; background:#6B6854; color:#fff; display:block; position:absolute; top:160px; left:240px; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#6B6854; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:204px; background:#6B6854; color:#F3F1DF; position:absolute; top:105px; left:218px;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:132px; left:240px;}
#footerPanhtml a{width:59px; height:18px; background:url(/images/arrow2.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(/images/arrow3.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:132px; left:320px;}
#footerPancss a{width:49px; height:18px; background:url(/images/arrow3.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px;line-height:19px; padding:1px 0 0 15px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(/images/arrow2.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
/*导航开始*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:0;
    padding:0;
    list-style:	none;
    float:left;
}
.sf-menu {
    line-height:	1.0;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    /*width:			100%;*/
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:			left;
    position:		relative;
}
.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:			0;
    top:			2.5em; /* match top ul list item height */
    z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:			10em; /* match ul width */
    top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:			10em; /* match ul width */
    top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:			left;
    margin-bottom:	1em;
}
/*.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}*/

.sf-menu a{
    width:96px;
    height:26px;
    display:block;
    background:url(/images/arrow-normal.gif) 0 50% no-repeat #F6F4E4;
    color:#8F8C73;
    font:13px/26px "Trebuchet MS",
        Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 22px;
    text-decoration:none;

}

.sf-menu li ul li{
    border-bottom:1px dashed #ead2bf;
}
.sf-menu li ul{
    border:2px solid #e27687;
    padding:10px;
    background: #F6F4E4;
    z-index: 10000;
}

.sf-menu a:hover{
    background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4;
    color:#7F0A5F; 
    text-decoration:none;
}

/*.sf-menu a, .sf-menu a:visited  {  visited pseudo selector so IE6 applies text colour
	color:			#13a;
}*/
.sf-menu li {
    height:27px;
    position:relative;
    margin:0 auto;
    background:url(/images/dot.gif) 0 100% repeat-x;
}
.sf-menu li li {
    background:#F6F4E4; padding-left:5px;padding-top:3px
}
.sf-menu li li li {
    background:#F6F4E4;
}/*
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:		#CFDEFF;
    outline:		0;
}
*/
/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 	2.25em;
    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:		absolute;
    display:		block;
    right:			.75em;
    top:			1.05em; /* IE6 only */
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
    background:		url('/images/arrow_right.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
                         top:			.8em;
                         background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:	url('/images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
    width:10em;
}

.sf-vertical li  li{
    width:90%;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left:	10em; /* match ul width */
    top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*导航结束*/

/*面包屑 开始*/
#breadcrumb{
    padding-left: 0.5em;
    padding-top: 0.2em;
    margin-bottom:10px;
    font-size: 12px;
    border-bottom-style:solid;
    border-bottom-width:1px; border-bottom-color:#E5E5E5;
}
/*面包屑 结束*/

/*类别列表*/

.category_list{
    width:auto;
    _width:90%;
    float:left;
}

.category_list li{
    font-size:14px;
    float: left;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin:3px;
}

.category_list li{
    width:150px;
    height: 22px;
}

.category_list_break{
    width:100%;
    _width:90%;
    height:0.5em;
    float:left;
}

.category_list_title{
    float:left;
    width:95%;
}

/*类别列表结束*/

/*品牌列表 开始*/
#brand_list_box{
    float:left;
}
#brand_list{
    margin:0 auto;
    width:200px;
    _width:190px;
    float:left;
    padding-left:30px;
}

.brand_list_title{
    clear:both;
    width:90%;
    margin-bottom:5px;
    font-size:14px;
}

.category_brand_list{
    margin-bottom:25px;
    float:left;
    font-size:12px;
}


#brand_list a,.category_brand_list a{
    color:#8F8C73;
    font:13px;
    text-decoration:none;
    display: inline-block;
    line-height: normal;
    padding-top:3px;
    padding-bottom:3px;
}

#brand_list a:hover,.category_brand_list  a:hover{
    color: #7f0a5f;
}

#brand_list span,.category_brand_list span{
    margin-left:5px;
    margin-right:5px;
    color:silver;
}

.category_brand_list li{
    float:left;
}

/* search */
#search_form{
    margin-top:15px;
    width:700px;
    float:left;
    background:url('/images/search_bg.gif') no-repeat 0 0;
    padding:7px 7px 7px 35px;
}

#search_form input{
    border:1px solid gray;
}

#search_form a{
    color:#fff;
    text-decoration:none;
}

/* search */



/*品牌列表 结束*/

/*商品显示 开始*/

.product_list{
    width:100%;
    float:left;
    padding-bottom:5px;
}
.text_box{float:left;width:500px;line-height:15px;max-width:83%;}

.text_box .name{margin-bottom:4px;color:#003399;}

.text_box .model{font-size:1em;color:#857B83;margin-bottom:2px;}

.text_box .description{font-size: 0.8em;color:#333;line-height:22px}

.break_line{width:90%;border-bottom:1px dashed #ccc;height:1px;overflow:hidden; margin:10px;float:left;}/*

.link{float:right;font-size:0.8em;}

.product_title{
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin: 0px;
}

.product_img{
    border:none;
}
*/
.photo_box{
    width:100px;
    height:100px;
    background:#fff;
    margin:auto;
    border:1px solid #ccc;
    padding:2px;
    text-align:center;
}

.photo_box a{border:none;display:block;}

.photo_box table td{
    height:100px;
    width:100px;
    line-height:100px;
    vertical-align: middle;
    text-align:center;
}



.hot_list li{
    width:160px;
    height:210px;
    float:left;
    margin:0 5px 0 5px;
    text-align:center;
}

#newest_list li{
    width:160px;
    height:210px;
    float:left;
    margin:0;
    text-align:center;
}


.hot_list li img{
    margin:0 auto;
    display:block;
}

.hot_list{
    height:420px;
    border-bottom:1px dashed #ead2bf;

}

.hot_list a,.product_detail a,.action_link a{
    color:gray;
    font:13px;
    text-decoration:none;
}

.hot_list a:hover{
    color: #7f0a5f;
    font:13px;
    text-decoration:none;
}

.product_brand{
    font-size:14px;
    font-weight:bold;
}
.product_name{
    font-size:13px;
}

.product_size{
    font-size:12px;
}

#medium_img img{
    border:2px solid #ead2bf;
    margin:3px;
}

.product_detail{
    width:160px;
    text-align: center;
}

.product_property td{
    border-bottom: 1px dashed #ead2bf;
}



/*商品 结束*/


/*管理员*/
.admin_toolbar{
    border:1px dashed #ccc;
    margin-top:20px;
    padding:0.5em;
    float:left;
    width:80%;
    font-size:13px;
}

/* icon 开始 */

.action_comment{
    background: url(/images/icon/comments.png) no-repeat left bottom;
}

.action_history{
    background: url(/images/icon/time_go.png) no-repeat left bottom;
}

.action_edit{
    background: url(/images/icon/page_edit.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/page_edit.gif) no-repeat left bottom;
}

.action_list{
    background: url(/images/icon/page_white_text.png) no-repeat left;
    _background: url(/images/icon/for_ie/page_white_text.gif) no-repeat left
}

.action_sort{
    background: url(/images/icon/text_linespacing.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/text_linespacing.gif) no-repeat left bottom;
}

.action_back{
    background: url(/images/icon/bullet_back.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/bullet_back.gif) no-repeat left bottom;
}

.action_add{
    background: url(/images/icon/package_add.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/package_add.gif) no-repeat left bottom;
}

.action_delete{
    background: url(/images/icon/delete.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/delete.gif) no-repeat left bottom;

}

.action_more{
    background: url(/images/icon/layers.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/layers.gif) no-repeat left bottom;
}

.action_buy{
    background: url(/images/icon/cart_add.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/cart_add.gif) no-repeat left bottom;
}

.action_remote_link{
    background: url(/images/icon/url_icon.gif) no-repeat left bottom;
}
.action_help{
    background: url(/images/icon/help.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/help.gif) no-repeat left bottom;
}

.action_top{
    background: url(/images/icon/arrow_up.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/arrow_up.gif) no-repeat left bottom;
}

.action_go_on{
    background: url(/images/icon/cart_go.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/cart_go.gif) no-repeat left bottom;
}

.action_cancel{
    background: url(/images/icon/cart_delete.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/cart_delete.gif) no-repeat left bottom;
}

.action_total{
    background: url(/images/icon/calculator.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/calculator.gif) no-repeat left bottom;
}

.action_print{
    background: url(/images/icon/printer.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/printer.gif) no-repeat left bottom;
}

.yen{
    background: url(/images/icon/yen.png) no-repeat right center;
    _background: url(/images/icon/for_ie/yen.gif) no-repeat right center;
    line-height:16px;
    padding:0 14px 0 0;
    font-size:15px;
    color:maroon;
}

.action_logistic{
    background: url(/images/icon/lorry.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/lorry.gif) no-repeat left bottom;
}

.action_color{
    background: url(/images/icon/color.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/color.gif) no-repeat left bottom;
}

.action_boy{
    background: url(/images/icon/user.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/user.gif) no-repeat left bottom;
}

em.error {
    background:url("/images/cross.png") no-repeat 0px 0px;
    padding-left: 16px;
}
em.success {
    background:url("/images/tick.png") no-repeat 0px 0px;
    padding-left: 16px;
}

.action_house{
    background: url(/images/icon/house.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/house.gif) no-repeat left bottom;
}

.action_favorite{
    background: url(/images/icon/star.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/star.gif) no-repeat left bottom;
}

.action_favorite_delete{
    background: url(/images/icon/star_delete.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/star_delete.gif) no-repeat left bottom;
}

.action_order{
    background: url(/images/icon/package_green.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/package_green.gif) no-repeat left bottom;
}

.action_logout{
    background: url(/images/icon/door_in.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/door_in.gif) no-repeat left bottom;
}

.action_edit_pw{
    background: url(/images/icon/page_edit.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/edit_pw.gif) no-repeat left bottom;
}

.action_view{
    background: url(/images/icon/magnifier.png) no-repeat left bottom;
    _background: url(/images/icon/for_ie/magnifier.gif) no-repeat left bottom;
}

.action_download{
    background: url(/images/icon/bullet_disk.png) no-repeat left bottom;
}

.action_link a,.sidebox a,.tab a,.toolbar_list a,.link a,.admin_toolbar a{
    padding:2px 0 0 18px;
    font-size:12px;
    line-height:18px;
    height:18px;
}
/* icon 结束 */

/*活动看板 开始*/
/*--Main Image Preview--*/


#rotator_container {
    padding: 5px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    float:left;clear:left;
    z-index: 1;
}

.main_image {
    width: 480px;
    height: 180px;
    float: left;
    background: #333;
    overflow: hidden;
    color: #fff;
    z-index: 2;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;	padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    padding: 10px;	margin: 0;
    line-height: 1.6em;
}
.block small {
    padding: 0 0 0 20px;
    background: url(/images/icon_calendar.gif) no-repeat 0 center;
    font-size: 12px; /*缩略图主体文字*/
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;	left: 0;
    width: 100%;
    display: none;
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse {
    background: url(/images/btn_collapse.gif) no-repeat left top;
    height: 27px; width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px; right: 20px;
}
.main_image a.show {background-position: left bottom;}


.image_thumb {
    float: left;
    width: 70px; /*缩略图ul宽*/
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 2px;
    background: #fff;
}

.image_thumb ul li{
    margin: 0; padding:2px;
    background: #f0f0f0 url(/images/nav_a.gif) repeat-x;
    width: 65px; /* 缩略图宽度*/
    height:54px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
    text-align: center;
}
.image_thumb ul li.hover {
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active {
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 12px; /*缩略title字体*/
    margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 65px;
}
.image_thumb ul li p{display: none;}
/*--Hide the description on the list items--*/
/*活动看板 结束*/

/*jgrowl开始*/

div.jGrowl {
    padding: 			10px;
    z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
    position: 			absolute;
}

div.ie6.top-right {
    right: 				auto;
    bottom: 			auto;
    left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
    left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
    left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
    left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
    left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
    position:			fixed;
}

body > div.jGrowl.top-left {
    left: 				0px;
    top: 				0px;
}

body > div.jGrowl.top-right {
    right: 				0px;
    top: 				0px;
}

body > div.jGrowl.bottom-left {
    left: 				0px;
    bottom:				0px;
}

body > div.jGrowl.bottom-right {
    right: 				0px;
    bottom: 			0px;
}

body > div.jGrowl.center {
    top: 				0px;
    width: 				50%;
    left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left: 		auto;
    margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    background-color: 		#000;
    color: 					#fff;
    opacity: 				.85;
    filter: 				alpha(opacity = 85);
    zoom: 					1;
    width: 					235px;
    padding: 				10px;
    margin-top: 			5px;
    margin-bottom: 			5px;
    font-family: 			Tahoma, Arial, Helvetica, sans-serif;
    font-size: 				12px;
    text-align: 			left;
    display: 				none;
    -moz-border-radius: 	5px;
    -webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
    min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
    font-weight: 			bold;
    font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
    z-index:				99;
    float: 					right;
    font-weight: 			bold;
    font-size: 				12px;
    cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
    height: 				15px;
    padding-top: 			4px;
    padding-bottom: 		4px;
    cursor: 				pointer;
    font-size:				11px;
    font-weight: 			bold;
    text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
    div.jGrowl {
        display: 			none;
    }
}
/*growl主题*/
div.jGrowl div.manilla {
    background-color: 		#FFF1C2;
    color: 					navy;
}

div.jGrowl div.flora {
    background: 			#E6F7D4 url(/images/jgrowl/flora/flora-notification.png) no-repeat;
    -moz-border-radius: 	0px;
    -webkit-border-radius:	0px;
    opacity: 				1;
    filter: 				alpha(opacity = 100);
    width: 					270px;
    height: 				90px;
    padding: 				0px;
    overflow: 				hidden;
    border-color: 			#5ab500;
}

div.jGrowl div.flora div.message {
    padding: 				5px;
    color: 					#000;
}

div.jGrowl div.flora div.header {
    background: 			url(/images/jgrowl/flora/flora-header.png) no-repeat;
    padding: 				5px;
}

div.jGrowl div.flora div.close {
    background: 			url(/images/jgrowl/flora/flora-close.png) no-repeat;
    padding: 				5px;
    color: 					transparent;
    padding: 				0px;
    margin: 				5px;
    width:					17px;
}


/*jgrowl结束*/
/*购物步骤*/
#step{
    margin:0.5em;
    width:600px;
    height:20px;
    clear:right;
}

#step span{
    color:white;
}

#step .current{
    background-position: -12px -20px;
    color: #ffffff;
}

#step .next{
    background-color: #ac1d2f;
}

#step li
{
    float:left;
    text-indent: 20px;
    line-height: 19px;
    font-size: 14px;
    color: #999999;
    background-color: #e4e4e4;
    background-image: url(/images/step-bg.gif);
    background-repeat: no-repeat;
    width:120px;
}

/*表单*/
.form label{
    float: left;
    width: 6em;
    margin-right: 10px;
    text-align: right;
    font-weight: bold;
}
.submit {
    margin-left:5em;
}

.tips{
    padding: 0 0.5em 0 0.5em;
    color:gray;
    font-size:12px;
}


/*表单 结束*/

/*购物车 开始*/
#empty_cart{
    height:150px;
    padding-left:150px;
    background:url("/images/shoppingcart-bg.gif") no-repeat;
    margin-top:4em;
}
/*购物车 结束*/



/*cu3er end */

/*表格*/
table.order_list {
    width:90%;
    border-top:1px solid #e5eff8;
    border-right:1px solid #e5eff8;
    margin:1em auto;
    border-collapse:collapse;
    background:#fff;
}
table.order_list  tr.odd td {
    background:#f7fbff
}
table.order_list  tr.odd .column1 {
    background:#f4f9fe;
}
table.order_list .column1 {
    background:#f9fcfe;
    font-weight:bold;
}

table.order_list td {
    color:#678197;
    border-bottom:1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding:3px;
    text-align:center;
}
table.order_list th {
    font-weight:normal;
    color: #678197;
    text-align:left;
    border-bottom: 1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding:.3em 1em;
}
table.order_list thead th {
    background:#f4f9fe;
    text-align:center;
    font:bold 1.2em/2em;
    color:#66a3d3
}
table.order_list tfoot th {
    text-align:center;
    background:#f4f9fe;
    font-size:13px;
}
table.order_list tfoot th strong {
    font:bold 1.2em;
    margin:.5em .5em .5em 0;
    color:#66a3d3;
}
table.order_list tfoot th em {
    color:#f03b58;
    font-weight: bold;
    font-size: 1.1em;
    font-style: normal;
}



#qme{
    margin-top:30px;
    margin-right:80px;
    font-size:12px;
    text-align:right;
}

/*评论*/
#comment li,#article_list li{
    border-bottom:1px dashed #ead2bf;
    padding:5px;
}

.date{
    font-style:italic;
    background: url(/images/icon/calendar.png) no-repeat 0 0;
    padding:0  0 0 18px;
}

.date,#comment .nick_name{
    font-size:12px;
}
/*评论*/


#pager{
    clear:both;
}

.txt_12px_b_EB6495{
    font-weight: bold;
    font-size: 12px;
    color: #eb6495;
    line-height: 15px;
}

.official_price{
    font-size:12px;
    color:silver;
    text-decoration:line-through;
}

/*分页*/

.pagination{
  padding: 2px;
}

.pagination span{
  padding: 0 5px;
}


.pagination a, .pagination a:visited{
  padding: 0 5px;
  border: 1px solid #9aafe5;
  text-decoration: none;
  color: #2e6ab1;
}

.pagination a:hover,.pagination a:active{
  border: 1px solid #2b66a5;
  color: #000;
  background-color: #FFFF80;
}

.current{
  background-color: #2e6ab1;
  color: #FFF !important;
  border-color: #2b66a5;
  font-weight: bold;
  cursor: default;
}

.disabled{
  background-color: white;
  cursor: default;
  color: #929292;
  border: 1px solid #929292;
  font-weight: normal !important;
}
